@import "vendors/_font";

body{
	background: #f9f9f7;
}

label{
	margin-bottom: 0;
	font-weight: 400;
	font-size: 16px;
}

address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul {
    margin: 0;
}

ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
    margin: 0;
}

ol, ul {
    padding: 0;
}

.am-form input[type=number], .am-form input[type=search], .am-form input[type=text], .am-form input[type=password], .am-form input[type=datetime], .am-form input[type=datetime-local], .am-form input[type=date], .am-form input[type=month], .am-form input[type=time], .am-form input[type=week], .am-form input[type=email], .am-form input[type=url], .am-form input[type=tel], .am-form input[type=color], .am-form select, .am-form textarea, .am-form-field{
	display: inline-block;
	width: 300px;
}
.kf-main{
	.kf-point{
		padding: 20px;
		color: #666;
		background: #fcf8e3;
		.point-link{
			color: #0b73bb;
		}
	}

	.kf-cont{
		margin-top: 30px;
		.kf-tab{
			position: fixed;
			width: 180px;
			background: #fff;
			border: 1px solid #ddd;
			.tab-item{
				font-size: 18px;
				height: 50px;
				line-height: 50px;
				padding-left: 30px;
				border-bottom: 1px solid #ddd;
			}
			.tab-item-last{
				border-bottom: none;
			}

			.tab-active{
				.tab-link{
					color: #4bba8f;
				}
				.tab-icon .tab-gou{
					display: block;
				}
			}
			.tab-link{
				color: #333;
			}

			.tab-icon{
				position: relative;
				.tab-option{
					position: absolute;
					top: 18px;
					width: 14px;
					height: 14px;
					border: 1px solid #ddd;
				}
				.tab-gou{
					position: absolute;
					color: #e24846;
					display: none;
				}
			}

			.tab-cont{
				margin-left: 30px;
				.star{
					display: inline-block;
					height: 16px;
					margin: 2px 4px 0 0;
					color: #f00;
				}
			}

			.tab-cont-left{
				margin-left: 40px;
			}
		}
		.kf-forms{
			width: 980px;
			.kf-forms-item{
				background: #fff;
				border: 1px solid #ddd;
				margin-bottom: 50px;

				.form-top{
					font-size: 18px;
					color: #333;
					height: 58px;
					line-height: 58px;
					font-weight: 500;
					padding: 0 20px;
					border-bottom: 1px solid #ddd;
					.sign{
						font-size: 12px;
						color: #fff;
						margin-left: 10px;
						padding: 2px 4px;
					}
					.must{
						background: #e24846;
					}
					.optional{
						background: #ccc;
					}
				}

				.am-form{
					padding: 20px 50px;
					.form-list{
						margin: 20px 0;
					}
					.label-w{
						width: 100px;
						text-align: right;
						margin-right: 20px;
					}
					.input-w{
						width: 140px;
						margin-right: 16px;
					}
					.input-time{
						cursor: pointer;
					}
					.intro{
						width: 700px;
						height: 200px;
					}
					.form-submit{
						text-align: center;
						margin-top: 40px;
					}
					.btn-f{
						text-align: center;
						color: #777;
						background: #ccc;
						padding: 6px 20px 6px 30px;
						word-spacing: 10px;
						letter-spacing: 10px;
					}

					.btn-submit{
						color: #fff;
						background: #4bba8f;
					}

					.skill-list{
						.skill-item{
							width: 300px;
							margin-bottom: 16px;
						}

						.item-tit{
							margin-bottom: 6px;
						}

						.item-cont{
							padding: 20px;
							background: #f9f9f7;
						}
						.item-sub{
							width: 50%;
							float: left;
							margin-bottom: 10px;
						}
						.icon-left{
							margin-left: 56px;
							color: #4bba8f;
							cursor: pointer;
						}

						.sub-tit{
							margin-right: 10px;
						}
					}
				}

				.kf-address{
					padding: 20px;
					font-size: 16px;
					.address-item{
						margin-bottom: 10px;
					}
					.data-time{
						width: 210px;
					}
					.data-name{
						width: 320px;
						margin-right: 20px;
					}
					.data-type{
						width: 320px;
					}

					.data-facility{
						width: 50px;
						color: #4acfb9;
						text-align: right;
					}
					.revisions{
						margin-right: 10px;
					}
				}
			}
		}
	}
}